header {
  width: 100%;
  height: 100px;
  position: fixed;
  box-shadow: 0 2px 10px -4px rgba(0, 0, 0, 0.3);
  background-color: white;
  background-image: url(../img/u14.png);
  z-index: 3;
}
header .left_box {
  float: left;
  display: flex;
  margin-top: 30px;
  padding-left: 20px;
}
header .left_box img {
  width: 50px;
  object-fit: cover;
}
header .left_box h3 {
  color: #1296db;
  font-weight: lighter;
}
header .right_box {
  float: right;
  margin-top: 40px;
  padding-right: 50px;
}
header .right_box ul > li {
  margin: 0 35px;
  font-size: 20px;
  cursor: pointer;
}
header .right_box ul > li a {
  text-decoration: none;
  color: black;
}
header .right_box ul > li > .active {
  color: #1296db;
}
footer {
  height: 385px;
  background-color: #24201f;
}
footer > div {
  position: relative;
  height: 100%;
}
footer > div .count {
  width: 100%;
  position: absolute;
  display: flex;
  height: 260px;
  top: 70px;
  justify-content: space-evenly;
}
footer > div .count .left {
  margin-top: 70px;
  display: flex;
}
footer > div .count .left img {
  height: 80px;
  object-fit: cover;
}
footer > div .count .center > ul {
  list-style: none;
  display: flex;
  color: white;
  justify-content: space-evenly;
}
footer > div .count .center > ul li {
  margin: 0 40px;
}
footer > div .count .center > ul li ul {
  list-style: none;
  padding-top: 20px;
}
footer > div .count .center > ul li ul li {
  margin: 20px 0;
  font-size: 20px;
  font-weight: lighter;
  cursor: pointer;
}
footer > div .count .right {
  padding: 0 40px;
  height: 100%;
  border-left: 1px solid white;
  color: white;
}
footer > div .count .right > ul {
  list-style: none;
  display: flex;
}
footer > div .count .right > ul li {
  margin: 0 40px 0 0;
}
footer > div .count .right > ul li img {
  width: 130px;
  margin-top: 30px;
}
footer > div .count .right > ul li > div {
  margin-top: 20px;
  font-size: 20px;
  line-height: 50px;
}
footer > div > p {
  position: absolute;
  right: 90px;
  bottom: 20px;
}
